<!DOCTYPE html>
<html lang="zh-CN" ng-app="App">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <title>{$Think.lang.backoffice_title}</title>
    <!-- UIKIT -->
    <load href="__PUBLIC__/uikit-2.21.0/css/uikit.almost-flat.min.css" />
	<load href="__PUBLIC__/uikit-2.21.0/css/components/form-password.almost-flat.min.css" />
    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="http://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="http://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->

    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <load href="__PUBLIC__/Common/js/jquery-1.11.2.min.js"/>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <load href="__PUBLIC__/uikit-2.21.0/js/uikit.min.js"/> 
	<load href="__PUBLIC__/uikit-2.21.0/js/components/form-password.min.js"/> 
	<load href="__PUBLIC__/Common/dist/jquery.validate.min.js"/> 	
	<load href="__PUBLIC__/Common/dist/localization/messages_zh.min.js"/> 
	<load href="__PUBLIC__/angular-1.2.28/angular.min.js"/> 
	<load href="__PUBLIC__/App/CommonDirective.js"/>
</head>
<style>
/*表单验证提示错误样式*/
#validate_form label.error {
	color:red;
	font-weight:normal;
	font-size:11px;
}
</style>
<script style="javascript">
$(function(){
$("#validate_form").validate();	
})	
</script>
<body >


<div class="uk-block uk-block-secondary" style="margin-top:80px;">     
	 <form class="uk-panel uk-panel-box uk-form" style="width: 350px; margin:0 auto;" id="validate_form" method="post" action="__CONTROLLER__/checkin">
	 <h3>{$Think.lang.login_title}</h3>
                    <div class="uk-form-row">
                        <input class="uk-width-1-1 uk-form-large" type="text" required  name="username" placeholder="{$Think.lang.login_account}">
                    </div>
                    <div class="uk-form-row">
					 <div class="uk-form-password">
                        <input class="uk-width-1-1 uk-form-large" type="password" required  name="password" placeholder="{$Think.lang.login_pwd}">
					        <a href="" class="uk-form-password-toggle" data-uk-form-password>show</a>
					</div>	
                    </div>
					                    <div class="uk-form-row">
                        <input class="uk-width-1-3 uk-form-large" type="text" required  name="verify" placeholder="{$Think.lang.verify}">
						<p>
						<div verify-directive img-src="__CONTROLLER__/verify"></div>
							</p>
                    </div>
                    <div class="uk-form-row">
                        <button class="uk-width-1-1 uk-button uk-button-primary uk-button-large" type="submit">Login</button>
                    </div>
                    <div class="uk-form-row uk-text-small">
                        <label class="uk-float-left"><input type="checkbox"> Remember Me</label>
                        <a class="uk-float-right uk-link uk-link-muted" href="#">Forgot Password?</a>
                    </div>
                </form>
            </div>

</body>

</html>
